@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
a {
    color: inherit;
    text-decoration: inherit;
}
.QButton {
    width: 13vw;
    background: #ff1414;
    color:  #000000;
    border: .25vmin outset #000000;
    padding: .5vh .5vw;
    margin: .25vh .25vw;
    text-align: center;
    font-size: 3vmin;
    border-radius: 1vmin;
}
.WoFBox{
	border: .25vmin outset  #000000;
	color: #00000000;
	display: inline-block;
	margin-right:.1vw;
    font-size: 4vmin;
    padding: .5vw;
    text-align: center;
    background-color:#ff1414;
    border-radius: 1vmin;
    inline-size: 3vw;
}
.BoxText{
    margin-left: auto;
    margin-right: auto;
    min-width: 30vw;
    max-width: 70vw;
    width: fit-content;
}
.TextBox {
    text-align: center;
    border: .25vmin inset black;
    padding: .25vmin;
    resize: none;
    font-size: 4vmin;
    height: 5vh;
    border-radius: 1vmin;
}
.RowCont {
    display: flex;
    justify-content: space-between;
}
.centeredText{
    display: flex;
    align-items: center;
}
p{
    font-size: 5vmin;
    color: #000000;
    padding: .5vw;
    text-align: center;
    background-color:#ff1414;
    border: black .5vmin outset;
    border-radius: 1vmin;
}
h1 {
    font-size: 7.5vmin; 
    border: .5vmin outset black; 
    width: 80vw; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    background-color: #ff1414; 
    color: #000000;
    border-radius: 1vmin;
}
main {
    font-family: 'MedievalSharp', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    height: 90vh; 
    opacity: 97%;
}
.scoreButton {
    margin-left: .25vw; 
    margin-right: .25vw;
    font-size: 1.25vw;
    color:#000000;
    background-color: #ff1414;
    border-radius: .5vmin;
}
img{
    max-height:50vh; 
    max-width: 45vw;
    
}
body{
    background-image: url(BG.jpg);
    background-size: 100%; 
    background-repeat:repeat-y;
}